@import "./iconfont.css";

:root,
page {
  width: 100vw;
  background-color: #f5f5f5;
}

.page-content {
  background: url('https://tradeunionfile.oss-cn-hangzhou.aliyuncs.com/files/847c22ace6744276b6373591b5c23fcd.png') no-repeat;
  background-size: 100% 514rpx;
  min-height: 514rpx;
  background-attachment: fixed;
}

.padding-20 {
  padding: 20rpx;
}

.normal-card+.normal-card {
  margin-top: 20rpx;
}

.normal-card {
  background-color: #fff;
  border-radius: 20rpx;

  .card-header {
    font-size: 30rpx;
    font-weight: 500;
    color: #333333;
    padding: 20rpx 0;
    border-bottom: 1rpx solid #E5E5E5;
  }

  .card-content {
    padding: 20rpx 0;

    .card-tr {
      display: flex;
      margin-bottom: 10rpx;

      .card-td {
        display: flex;
        flex: 0 0 200rpx;
      }
    }
  }
}

.list-item-card {
  background: #e5f1fc;
  border-radius: 24rpx;
  width: 100%;
  margin-bottom: 20rpx;
  box-sizing: border-box;

  .card-header {
    padding: 20rpx;
    font-size: 22rpx;
    font-weight: 500;
    color: #333333;

    .number {
      font-size: 24rpx;
      font-weight: 500;
      color: #000;
    }
  }

  .card-content-box {
    background: #ffffff;
    box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0, 0, 0, 0.04);
    border-radius: 24rpx;
    padding: 26rpx;

    .content {
      .item {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20rpx;
        font-size: 28rpx;
        font-weight: 400;
        color: #333333;
        overflow: hidden;

        .label {
          flex: 0 0 200rpx;
        }

        .value {
          display: flex;
          justify-content: flex-end;
          overflow: hidden;

          .item-tag+.item-tag {
            margin-left: 10rpx;
          }
        }

      }
    }

    .card-footer {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 30rpx 0 0;
      margin-top: 30rpx;
      border-top: 2rpx solid #f1f1f1;

      .checkbox-box {
        min-width: 20%;
      }

      .operate {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex: 1;

        .custom-style+.custom-style {
          margin-left: 20rpx;
        }

        .custom-style {
          min-width: 144rpx;
          max-width: 200rpx;
          height: 52rpx;
          border-radius: 8rpx;
          border: 2rpx solid;
          font-size: 24rpx;
          margin: 0;
        }
      }
    }
  }

}


view {
  box-sizing: border-box;
}

//底部悬浮按钮
.bottom-btn-fixed {
  width: 100%;

  .placeholder {
    width: 100%;
    height: 100rpx;
  }

  button {
    border-radius: 172rpx !important;
  }

  .btns {
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: space-between;

    width: 100%;
    height: 130rpx;
    padding: 10rpx 30rpx 0;

    .btn-line {
      width: 60rpx;
      height: 100%;
    }

    .custom-style-y,
    .custom-style-b {
      border: none;
      width: 100%;
      background: linear-gradient(180deg, #7FA6FF 0%, #426BFF 100%);
      border-radius: 172rpx;
      font-weight: 500;
      font-size: 28rpx;
      color: #ffffff;
      line-height: 80rpx;
      width: 100%;
      margin: 0 14rpx;
    }

    .custom-style-b {
      background: linear-gradient(180deg, #7FA6FF 0%, #426BFF 100%);
    }

    .custom-style-y {
      background: linear-gradient(180deg, #FF9900 0%, #FE6000 100%);
    }
  }
}